<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="style.css" title="style" />
    <link rel="stylesheet" type="text/css" href="textTransfer.css" title="style" />
    <script type="text/javascript" src="server.js"></script>
    <script type="text/javascript" src="lib/prototype.js"></script>
    <script type="text/javascript" src="lib/scriptaculous.js"></script>
    <script type="text/javascript" src="textTransfer.js"></script>
  </head>
  <body onload="onLoad()">

    <div id="mainJS">
      <!-- the communication is done here -->
    </div>

    <?php include 'host.php'; ?>
    
    <table border="0"><!-- for emily -->
      <tr>
        <td>
          <span id="buttons">
            <br/><button onclick="updateText()">Receive text</button>
            <br/><button onclick="sendText()">Send text</button>
          </span>
        </td>
        
        <td>
          <!-- result goes here -->
	  <div>Text received</div>
          <textarea id="textReceived" class="textbox"></textarea>
	  <div>Text to send</div>
          <textarea id="textToSend" class="textbox"></textarea>
        </td> 
        
      </tr>
    </table>

  </body>
</html>

